import { patient_kneewomac_info } from '@/services/patient';
import { ProDescriptions } from '@ant-design/pro-components';
import { Divider, Modal, Radio, Spin, Typography } from 'antd';
import { useEffect, useState } from 'react';
import './rnee.less';
const { Title } = Typography;
interface Iprops {
  isShowRneeOnline: (show: boolean) => void;
  onlineRneeModalOpen: boolean;
  onlineId: number | undefined;
}
const OnlineRneeInfo = (props: Iprops) => {
  const { isShowRneeOnline, onlineId, onlineRneeModalOpen } = props;
  // 存储评估详情
  const [rneeInfo, setRneeInfo] = useState<any>(undefined);
  // 评估内容
  const [content, setcontent] = useState<any>(undefined);
  // 页面初始化
  useEffect(() => {
    // 获取能力评估详情
    const getData = async () => {
      if (onlineId) {
        let res: any = await patient_kneewomac_info({ id: onlineId });
        console.log('膝关节评估详情', res);
        if (res.code == 200) {
          setRneeInfo(res.data);
          console.log('膝关节', res.data.content, JSON.parse(res.data.content));
          setcontent(JSON.parse(res.data.content));
        }
      }
    };
    getData();
  }, []);

  // 评估详情
  const get_oldinfo = async () => {
    return {
      data: rneeInfo,
    };
  };
  return (
    <Modal
      title="膝关节评估详情"
      open={onlineRneeModalOpen}
      onCancel={() => isShowRneeOnline(false)}
      footer={null}
      width={1500}
    >
      <Divider />
      <Typography>
        {rneeInfo === undefined ? (
          <div
            style={{
              margin: '20px 0',
              marginBottom: '20px',
              padding: '30px 50px',
              textAlign: 'center',
            }}
          >
            <Spin size="large" />
          </div>
        ) : (
          <>
            <ProDescriptions
              column={3}
              request={async (params) => get_oldinfo()}
              columns={[
                {
                  title: '评估时间',
                  key: 'create_time',
                  dataIndex: 'create_time',
                },
                {
                  title: '评估驿站',
                  key: 'poststation_name',
                  dataIndex: 'poststation_name',
                },
                {
                  title: '评估结果',
                  key: 'results',
                  dataIndex: 'results',
                },
              ]}
            ></ProDescriptions>
            <Title level={5}>疼痛程度</Title>
            <div style={{ display: 'flex', flexWrap: 'wrap' }}>
              <div className="question_item0">
                <div className="question_title">在平地行走的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_1 || content.question_1 == 0
                        ? content.question_1
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有疼痛
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">上下楼梯的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_2 || content.question_2 == 0
                        ? content.question_2
                        : ''
                    }
                    key={1}
                  >
                    <Radio value={'0'} key={0}>
                      没有疼痛
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">晚上在床上睡觉的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_3 || content.question_3 == 0
                        ? content.question_3
                        : ''
                    }
                    key={2}
                  >
                    <Radio value={'0'} key={0}>
                      没有疼痛
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">坐着或者躺着时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_4 || content.question_4 == 0
                        ? content.question_4
                        : ''
                    }
                    key={3}
                  >
                    <Radio value={'0'} key={0}>
                      没有疼痛
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">站立的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_5 || content.question_5 == 0
                        ? content.question_5
                        : ''
                    }
                    key={4}
                  >
                    <Radio value={'0'} key={0}>
                      没有疼痛
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
            </div>
            <Title level={5}>僵硬程度</Title>
            <div style={{ display: 'flex', flexWrap: 'wrap' }}>
              <div className="question_item0">
                <div className="question_title">在您早晨刚醒的时候，您髌股关节的僵硬程度如何</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_6 || content.question_6 == 0
                        ? content.question_6
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有僵硬
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">
                  白天，在您坐着、躺着或者休息以后，您关节的僵硬程度如何
                </div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_7 || content.question_7 == 0
                        ? content.question_7
                        : ''
                    }
                    key={1}
                  >
                    <Radio value={'0'} key={0}>
                      没有僵硬
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
            </div>
            <Title level={5}>在以下各种情况下，您感觉困难程度如何</Title>
            <div style={{ display: 'flex', flexWrap: 'wrap' }}>
              <div className="question_item0">
                <div className="question_title">下楼梯</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_8 || content.question_8 == 0
                        ? content.question_8
                        : ''
                    }
                    key={0}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">上楼梯</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_9 || content.question_9 == 0
                        ? content.question_9
                        : ''
                    }
                    key={1}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">从椅子上站起来的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_10 || content.question_10 == 0
                        ? content.question_10
                        : ''
                    }
                    key={2}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">站立</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_11 || content.question_11 == 0
                        ? content.question_11
                        : ''
                    }
                    key={3}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">弯腰</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_12 || content.question_12 == 0
                        ? content.question_12
                        : ''
                    }
                    key={4}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">在平地行走</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_13 || content.question_13 == 0
                        ? content.question_13
                        : ''
                    }
                    key={5}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">上、下汽车</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_14 || content.question_14 == 0
                        ? content.question_14
                        : ''
                    }
                    key={6}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">逛街、购物</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_15 || content.question_15 == 0
                        ? content.question_15
                        : ''
                    }
                    key={7}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">穿鞋、袜</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_16 || content.question_16 == 0
                        ? content.question_16
                        : ''
                    }
                    key={8}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">起床</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_17 || content.question_17 == 0
                        ? content.question_17
                        : ''
                    }
                    key={9}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">脱鞋、袜</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_18 || content.question_18 == 0
                        ? content.question_18
                        : ''
                    }
                    key={10}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">上床躺下的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_19 || content.question_19 == 0
                        ? content.question_19
                        : ''
                    }
                    key={11}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">进、出浴缸的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_20 || content.question_20 == 0
                        ? content.question_20
                        : ''
                    }
                    key={12}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>

              <div className="question_item0">
                <div className="question_title">坐着</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_21 || content.question_21 == 0
                        ? content.question_21
                        : ''
                    }
                    key={13}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">坐马桶或者站起的时候</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_22 || content.question_22 == 0
                        ? content.question_22
                        : ''
                    }
                    key={14}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">干比较重的家务活</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_23 || content.question_23 == 0
                        ? content.question_23
                        : ''
                    }
                    key={15}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
              <div className="question_item0">
                <div className="question_title">干比较轻的家务活</div>
                <div className="question_answer">
                  <Radio.Group
                    value={
                      content.question_24 || content.question_24 == 0
                        ? content.question_24
                        : ''
                    }
                    key={16}
                  >
                    <Radio value={'0'} key={0}>
                      没有困难
                    </Radio>
                    <Radio value={'1'} key={1}>
                      轻微的
                    </Radio>
                    <Radio value={'2'} key={2}>
                      中等的
                    </Radio>
                    <Radio value={'3'} key={3}>
                      严重的
                    </Radio>
                    <Radio value={'4'} key={4}>
                      非常严重
                    </Radio>
                  </Radio.Group>
                </div>
              </div>
            </div>
          </>
        )}
      </Typography>
    </Modal>
  );
};
export default OnlineRneeInfo;
